<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const { message } = defineProps<{ message?: string }>()
const { t } = useI18n()
</script>

<template>
  <div class="bg-base-100/70 flex-center rounded-box absolute inset-0 z-30 flex-col backdrop-blur-md">
    <div class="loading loading-infinity text-primary size-16"></div>
    <div class="text-primary text-lg font-semibold">
      {{ message ?? t('common.loading') }}
    </div>
  </div>
</template>
